<!doctype html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head th:include="include :: header"></head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
        border: 1px solid #D3D3D3;
        height: 80px;
        width: 100%;
        margin-bottom: 1px;
    }

    .wish {
        width: 33%;
        float: left;
        margin: 0;
        padding: 0;
        height: 80px;
        line-height: 70px;
        background-color: #fff;
    }

    .wish img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin: 6px
    }

    #wish_name {
        font-family: '宋体';
        font-size: 18px;
        overflow: hidden;
        margin-left: 10px;
        width: 100%;
    }

    .wish input {
        margin-top: 20px;
        margin-left: 50px;
        background-color: #F0AD4E;
    }
</style>
<body>
<header class="mui-bar mui-bar-nav">
    <a  href="/iphone/user" class="mui-icon mui-pull-left" style="font-size: 15px;
		    height:50px;line-height: 25px;color: #000;">返回</a>
    <h1 class="mui-title">心愿单</h1>
</header>
<div class="mui-content">
    <ul>
        <li th:each="wantSeeDO: ${wantSeeDOList}">
            <div class="wish">
                <div style="width: 50%;float: left;">
                    <img src="/img/a1.jpg" th:src="${wantSeeDO.images}"/>
                </div>
                <div style="width: 50%;float: left;">
                    <p style="line-height: 40px; font-size: 10px;text-align: center;" th:text="${wantSeeDO.nickName}">nickname</p>
                </div>
            </div>
            <a class="wish" th:href="'/iphone/wishInfo/'+${wantSeeDO.id}">
                <div class="mui-ellipsis" style="height: 30px;line-height: 30px;padding-top: 8px;font-size: 15px"
                     th:text="'书名：'+${wantSeeDO.bookName}">
                    西游记啊啊啊啊啊啊啊啊啊啊啊啊啊
                </div>
                <div class="mui-ellipsis" style="height: 30px;line-height: 30px;">

                    <p th:text="'作者：'+${wantSeeDO.author}">罗贯中</p>
                </div>
            </a>
            <div class="wish">
                <a href="/iphone/toContribution"><input type="button" name="" id="" value="贡献"/></a>
            </div>
        </li>

        <li class="mui-table-view-cell mui-media" th:attr="hidden=(${wantSeeDOList==null} ? false:true)">
            <div class="content" style="text-align: center">
                还没有收集到任何愿望哦 @@！
            </div>
        </li>
    </ul>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript">
    mui.init()
</script>
</body>

</html>